<template>
	<view class="conta flex align-center">
		<view class="Tabbar text-white flex align-center justify-around">
				<view class="" v-for="src in tabbar">
					<u--image :showLoading="true" :src="src" width="100upx" height="100upx"></u--image>
				</view>
		</view>
	</view>
</template>

<script>
import lc from '../static/index/cl.png';
import kc from '../static/index/kc.png';
import rc from '../static/index/rc.png';
import ry from '../static/index/ry.png';
import zs from '../static/index/zs.png';
export default {
	name: 'custom-tabbar',

	data() {
		return {
			lc,
		    tabbar:[
				lc,kc,rc,ry,zs
			],
		}
	}
};
</script>

<style lang="scss" scoped>
	.conta{
		width: 100%;
		position: absolute;
		bottom: 0;
	}
.Tabbar {
	z-index: 99;
	width: 100%;
	height: 280upx;
	background: url(../static/index/tabbarBg.png);
	background-position: center center;
	bottom: 20upx;
	position: absolute;
}
</style>
